<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>IE6中png显示问题的修复</title>
		<style type="text/css">
			.box{
				width: 200px;
				height: 200px;
				background-image: url(img/btn1.png);
				background-repeat: no-repeat;
			}
		</style>
	</head>
	<body style="background-color: #BBFFAA;">
		
		<!-- 
			在IE6中对图片格式png24支持度不高，
				如果使用的图片格式是png24，则会导致透明效果无法正常显示
				
			解决方法：
			1、可以使用png8来代替png24,但是使用png8代替png24以后，图片的清晰度会有所下降
			2、使用JavaScript来解决该问题，需要向页面中引入一个外部JavaScript文件，
				然后再写一下简单的JS代码，来处理该问题
		 -->
		
		<div class="box"></div>
		
		<!-- js文件的引入，建议放到body的最后，在上面引入有时可能会出现一些问题 -->
		<script src="js/DD_belatedPNG_0.0.8a-min.js" type="text/javascript" charset="utf-8"></script>
		<!-- 引入png的js后，再创建新的script标签，编写一些js代码 -->
		<script type="text/javascript">
			DD_belatedPNG.fix("div");//参数传css选择器(例如："div,img")
		</script>
	</body>
</html>
